{extend name="base" /}
{block name="body"}
<div class="layui-row layui-col-space15">
    <!--访问量-->
    <style>
        .layuiadmin-big-font{font-size:66px;color:#666;text-align: center;line-height:36px;padding:5px 0 10px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}
        .layuiadmin-badge{font-size:36px;}
    </style>
    <div class="layui-col-md2">
        <div class="layui-card">
            <div class="layui-card-header">
                <i class="fa fa-user"></i> 客户总数据
            </div>
            <div class="layui-card-body layuiadmin-card-list">
                <p class="layuiadmin-big-font">
                    <span class="layuiadmin-badge">{$data.all_customer}</span> 
                </p>
            </div>
        </div>
    </div>
    <div class="layui-col-md2">
        <div class="layui-card">
            <div class="layui-card-header">
                <i class="fa fa-user"></i> 今日新增客户
            </div>
            <div class="layui-card-body layuiadmin-card-list">
                <p class="layuiadmin-big-font">
                    <span class="layuiadmin-badge">{$data.today_customer}</span> 
                </p>
            </div>
        </div>
    </div>
    <div class="layui-col-md2">
        <div class="layui-card">
            <div class="layui-card-header">
                <i class="fa fa-phone"></i> 总跟踪记录
            </div>
            <div class="layui-card-body layuiadmin-card-list">
                <p class="layuiadmin-big-font">
                    <span class="layuiadmin-badge">{$data.all_track}</span> 
                </p>
            </div>
        </div>
    </div>
    <div class="layui-col-md2">
        <div class="layui-card">
            <div class="layui-card-header">
                <i class="fa fa-phone"></i> 今日跟踪记录
            </div>
            <div class="layui-card-body layuiadmin-card-list">
                <p class="layuiadmin-big-font">
                    <span class="layuiadmin-badge">{$data.today_track}</span> 
                </p>
            </div>
        </div>
    </div>
    <div class="layui-col-md2">
        <div class="layui-card">
            <div class="layui-card-header">
                <i class="fa fa-comment"></i> 未处理提醒
            </div>
            <div class="layui-card-body layuiadmin-card-list">
                <p class="layuiadmin-big-font">
                    <span class="layuiadmin-badge">{$data.remind_no}</span> 
                </p>
            </div>
        </div>
    </div>
    <div class="layui-col-md2">
        <div class="layui-card">
            <div class="layui-card-header">
                <i class="fa fa-comment"></i> 已处理提醒
            </div>
            <div class="layui-card-body layuiadmin-card-list">
                <p class="layuiadmin-big-font">
                    <span class="layuiadmin-badge">{$data.remind_yes}</span> 
                </p>
            </div>
        </div>
    </div>
    
    <div class="layui-col-md12">
        <div class="layui-card">
            <div class="layui-card-header">客户数据表</div>
            <div class="layui-card-body">

                <div id="container" style="height: 400px;"></div>

            </div>
        </div>
    </div>
    
</div>
{/block}
{block name="js"}
<script src="/static/js/echarts.common.min.js"></script>  
<script type="text/javascript">
    var dom = document.getElementById("container");
    var myChart = echarts.init(dom);
    var app = {};
    option = null;
    option = {
        xAxis: {
            type: 'category',
            data: ['1', '2', '3', '4', '5', '6', '7']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [820, 932, 901, 934, 1290, 1330, 1320],
            type: 'line'
        }]
    };
    ;
    if (option && typeof option === "object") {
        myChart.setOption(option, true);
    }
</script>
{/block}